<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" isELIgnored="false" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html >

	<head>
		<title>俗谣雅玖-主页</title>
		<link href="${pageContext.request.contextPath}/images/logo.ico" rel="icon" type="image/x-ico">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta charset="utf-8">
		<meta name="keywords" content="" />

		<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
		<!-- bootstrap-css -->
		
		
		<link href="${pageContext.request.contextPath}/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
		<!--// bootstrap-css -->
		<!-- css -->
		<link rel="stylesheet" href="${pageContext.request.contextPath}/css/style.css" type="text/css" media="all" />
		<!--// css -->
		<!-- font-awesome icons -->
		<link href="${pageContext.request.contextPath}/css/font-awesome.css" rel="stylesheet">
		<!-- //font-awesome icons -->
		<!-- font -->
		<link href="http://fonts.googleapis.com/css?family=Josefin+Sans:100,100i,300,300i,400,400i,600,600i,700,700i" rel="stylesheet">
		<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700italic,700,400italic,300italic,300' rel='stylesheet' type='text/css'>
		<!-- //font -->
		<script src="${pageContext.request.contextPath}/js/jquery-1.11.1.min.js"></script>
		<script src="${pageContext.request.contextPath}/js/bootstrap.js"></script>
		<script type="text/javascript">
			jQuery(document).ready(function($) {
				$(".scroll").click(function(event) {
					event.preventDefault();
					$('html,body').animate({
						scrollTop: $(this.hash).offset().top
					}, 1000);
				});
			});
		</script>

  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>

	</head>

	<body>
		<!-- banner -->
		<div class="banner jarallax">
			<div class="agileinfo-dot">
				<div class="header">
					<div class="container">
						<div class="header-top-grids">
							<div class="agileits-logo">
								<h1><a href="${pageContext.request.contextPath}/product/index.do">SY <span>SuYaoYaJiu</span></a></h1>
							</div>
							<div class="top-nav">
								<nav class="navbar navbar-default">
									<div class="navbar-header">
										<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
										<span class="sr-only">Toggle navigation</span>
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
									</button>
									</div>

									<div class="collapse navbar-collapse nav-wil" id="bs-example-navbar-collapse-1">
										<nav>
											<ul class="nav navbar-nav">
												<li class="active">
													<a href="${pageContext.request.contextPath}/product/index.do">主页</a>
												</li>
												<li>
													<a href="${pageContext.request.contextPath}/product/fenlei.do">画廊</a>
												</li>
												<c:choose>
													<c:when test="${empty user}">
														<li>
															<a href="${pageContext.request.contextPath}/suyaoyajiu/login.jsp">登录</a>
														</li>
													</c:when>
													<c:otherwise>
														<li><a href="${pageContext.request.contextPath}/tiaozhuan.do">个人中心</a> </li>
														<li><a href="${pageContext.request.contextPath}/logout.do">用户退出</a> </li>
													</c:otherwise>
												</c:choose>
											</ul>
										</nav>
									</div>
									<!-- /.navbar-collapse -->
								</nav>
							</div>

						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
				<div class="w3layouts-banner">
					<div class="container">
						<div class="w3-banner-info">
							<div class="w3l-banner-text">
								<h2>SuYao YaJiu</h2>
								<p>We create your special day</p>
							</div>
						</div>
					</div>
				</div>
				<div class="w3ls-banner-info-bottom">
					<div class="container">
						<div class="banner-address">
							<div class="col-md-4 banner-address-left">
								<p><i class="fa fa-map-marker" aria-hidden="true"></i>浙江省温州市鹿城区滨江街道府东路717号<br/>浙江工贸职业技术学校</p>
							</div>
							<div class="col-md-4 banner-address-left">
								<p><i class="fa fa-envelope" aria-hidden="true"></i>
									18626833296@163.com
								</p>
							</div>
							<div class="col-md-4 banner-address-left">
								<p><i class="fa fa-phone" aria-hidden="true"></i> +86 18626833296</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!-- //banner -->
		<!-- banner-bottom -->
		<div class="banner-bottom">
			<div class="container">
				<div id="divcontent">
					<table width="900px" border="0" cellspacing="0">
						<tr>
							<td width="497">
								<p>公告框</p>
								<table cellspacing="0" class="ctl">
									<tr>
										<td width="485" height="100%">${notice.title }<br/><hr/>${notice.details }</td>
									</tr>
								</table>
							</td>
						</tr>
					</table>
				</div>
			</div>
		</div>
		<!-- //banner-bottom -->
		<!-- services -->
		<div class="services">
			<div class="container">
				<div class="agile-heading">
					<h3>我们的服务</h3>
				</div>
				<div class="w3-agileits-services-grids">
					<div class="services-right-grids">
						<div class="col-sm-3 services-right-grid">
							<div class="services-icon hvr-radial-in">
								<i class="fa fa-anchor" aria-hidden="true"></i>
							</div>
							<div class="services-icon-info">
								<a href="${pageContext.request.contextPath}/product/fenlei.do" style="color: gray;">画廊</a>
							</div>
						</div>
						<div class="col-sm-3 services-right-grid">
							<div class="services-icon hvr-radial-in">
								<i class="fa fa-comment" aria-hidden="true"></i>
							</div>
							<div class="services-icon-info">
								<a href="http://wpa.qq.com/msgrd?v=3&uin=1013042589&site=qq&menu=yes" style="color: gray;">策划</a>
							</div>
						</div>
						<div class="col-sm-3 services-right-grid">
							<div class="services-icon hvr-radial-in">
								<i class="fa fa-heartbeat" aria-hidden="true"></i>
							</div>
							<div class="services-icon-info">
								<a href="${pageContext.request.contextPath}/product/pageProduct.do" style="color: gray;">心动</a>
							</div>
						</div>
						<div class="col-sm-3 services-right-grid">
							<div class="services-icon hvr-radial-in">
								<i class="fa fa-magnet" aria-hidden="true"></i>
							</div>
							<div class="services-icon-info">
								<c:choose>
									<c:when test="${empty user}">
										<a href="${pageContext.request.contextPath}/suyaoyajiu/login.jsp" style="color: gray;">登录</a>
									</c:when>
									<c:otherwise>
										<a href="${pageContext.request.contextPath}/tiaozhuan.do" style="color: gray;">信息</a>
									</c:otherwise>
								</c:choose>

							</div>
						</div>
						<div class="clearfix"> </div>
					</div>
				</div>
			</div>
		</div>
		<!-- //footer -->
		<!-- copyright -->
		<div class="agileits-w3layouts">
			<div class="container">
				<p>Copyright &copy; SYYJ.Company name All rights reserved.More Templates </p>
			</div>
		</div>
		<!-- //copyright -->
		<!-- jarallax -->
		<script src="${pageContext.request.contextPath}/js/jarallax.js"></script>
		<script src="${pageContext.request.contextPath}/js/SmoothScroll.min.js"></script>
		<script type="text/javascript">
			/* init Jarallax */
			$('.jarallax').jarallax({
				speed: 0.5,
				imgWidth: 1366,
				imgHeight: 768
			})
		</script>
		<!-- //jarallax -->
		<script src="${pageContext.request.contextPath}/js/SmoothScroll.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/move-top.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/easing.js"></script>
		<!-- here stars scrolling icon -->
		<script type="text/javascript">
			$(document).ready(function() {

				$().UItoTop({
					easingType: 'easeOutQuart'
				});

			});
		</script>
		<script src="${pageContext.request.contextPath}/js/modernizr.custom.js"></script>

	</body>

</html>